.head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4.1667vw;

    h1 {
        font-size: calc(12px + 3vw);
        color: #999999;
        font-weight: 200;
        letter-spacing: .4167vw;
    }

    span {
        color: #c9a97c;
        text-align: center;
        position: relative;
        display: block;
        font-size: calc(12px + 1vw);
        width: calc(40px + 6.6667vw);
        margin-top: 1vw;

        &::before {
            content: "";
            width: 2.5vw;
            height: 1px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: calc(40px + 6.6667vw);
            background-color: #666666;
        }

        &::after {
            content: "";
            width: 2.5vw;
            height: 1px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: calc(40px + 6.6667vw);
            background-color: #666666;
        }
    }
}

.urban_chic {
    .container {
        .pic {
            h6 {
                font-size: calc(12px + 1vw);
                color: #999999;
                margin-top: 1.6667vw;
            }
        }

        .pic:first-child {
            margin-top: -1.25vw;
        }

        .pic:last-child {
            margin-top: -2.9167vw;
        }
    }
}

.sparkling_city {
    .container {
        margin-top: 5vw;

        .content {
            margin: 0 5vw;
            border: 10px solid #bebebe;

            .left {
                margin-left: -5vw;
                margin-top: 5.8333vw;
            }

            .right {
                p {
                    margin-top: 14.1667vw;
                    padding-left: 4.1667vw;
                    font-size: calc(12px + .3333vw);
                    color: #666666;
                }

                .img {
                    margin-top: 7.5vw;
                    display: flex;
                    justify-content: flex-end;
                    margin-bottom: 10px;

                    img {
                        margin-right: -9vw;
                    }
                }
            }
        }

        .content2 {
            margin-top: 5vw;

            .left {
                display: flex;
                flex-direction: column;

                .pic {
                    display: flex;
                }

                p {
                    margin-top: 3.75vw;
                    padding-right: 3.3333vw;
                    color: #666666;
                }

                .btn {
                    padding: 1vw 2.9167vw;
                    font-size: calc(12px + .3333vw);
                    color: #666666;
                    border: 1px solid #666;
                    border-radius: 26px;
                    margin-top: 3.3333vw;
                    margin-left: auto;
                    margin-right: 3.3333vw;
                    cursor: pointer;
                }
            }
        }
    }
}

.maple_whisper {
    margin-top: 7.5vw;

    .container {
        margin-top: 5vw;

        .content {
            .left {
                padding-left: 5vw;

                p {
                    color: #666666;
                    margin-bottom: 4.1667vw;

                    span {
                        display: block;
                        font-size: calc(12px + .8333vw);
                        color: #666666;
                        margin-bottom: 1.8333vw;
                    }
                }
                .btn{
                    padding: 1vw 2.9167vw;
                    font-size: calc(12px + .3333vw);
                    color: #666666;
                    border: 1px solid #666;
                    border-radius: 26px;
                    margin-top: 3.75vw;
                    margin-left: 5vw;
                    cursor: pointer;
                }
            }
        }

        .content2{
            margin-top: 4.5833vw;
        }
    }
}

.folding_city {
    margin-top: 7.0833vw;
    margin-bottom: 11.25vw;

    .container {
        margin-top: 5vw;

        .content {
            .left {
                padding-left: 5vw;

                p {
                    color: #666666;
                    margin-bottom: 4.1667vw;

                    span {
                        display: block;
                        font-size: calc(12px + .8333vw);
                        color: #666666;
                        margin-bottom: 1.8333vw;
                    }
                }
                .btn{
                    padding: 1vw 2.9167vw;
                    font-size: calc(12px + .3333vw);
                    color: #666666;
                    border: 1px solid #666;
                    border-radius: 26px;
                    margin-top: 3.75vw;
                    margin-left: 5vw;
                    cursor: pointer;
                }
            }
        }

        .content2{
            margin-top: 4.5833vw;
            div{
                padding: 0;
            }
        }
    }
}

@media screen and (max-width:1200px) {
    .sparkling_city {
        .content2 {
            .btn {
                margin: 0 auto 2.5vw !important;
            }
        }
    }
}